<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>图表展示</title>
    <script src="js/echarts.js"></script>
    <script src="js/jquery-3.6.0.js"></script>
    <script src="js/china.js"></script>
    <style>body{text-align: center;}</style>
    <link rel="stylesheet" href="magicalcoder/css/layui.css">
    <script src="magicalcoder/layui.all.js"></script>
</head>
<body>
    <h1 style="font-size: 38px;line-height: 80px;">图表展示</h1>
    <div class="layui-inline">
        <input type="text" class="layui-input" id="dateinput">
      </div>
    <button type="button" class="layui-btn" id="updatebtn">更新</button>
    <button type="button" class="layui-btn" onclick="window.location.href='index.html'">返回</button>
    <br /><br />
    <h2>中国疫情地图</h2>
    <div id="china_chart" style="height: 700px;width: 700px;margin:0 auto;"></div>
    <h2>部分省份疫情柱状图</h2>
    <div id="zhuxintu" style="height: 500px;width: 700px; margin:0 auto;"></div>
    <h2>部分省份现存确诊人数饼状图</h2>
    <div id="pie" style="height: 500px;width: 700px; margin:0 auto;"></div>
    <script src="tbzs.js"></script>
    <script>
        layui.use('laydate', function(){
          var laydate = layui.laydate;
          //执行一个laydate实例
          laydate.render({
            elem: '#dateinput' //指定元素
          });
        });
        </script>
</body>
</html>